<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./imgs/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./lib/swiper/css/swiper.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>首页</title>
</head>
<body>
    <!-- 头部导航栏 开始 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-- <div class="swiper-slide">Slide 1</div>
            <div class="swiper-slide">Slide 2</div>
            <div class="swiper-slide">Slide 3</div>
            <div class="swiper-slide">Slide 4</div>
            <div class="swiper-slide">Slide 5</div>
            <div class="swiper-slide">Slide 6</div>
            <div class="swiper-slide">Slide 7</div>
            <div class="swiper-slide">Slide 8</div>
            <div class="swiper-slide">Slide 9</div>
            <div class="swiper-slide">Slide 10</div>
            <div class="swiper-slide">Slide 11</div>
            <div class="swiper-slide">Slide 12</div>
            <div class="swiper-slide">Slide 13</div> -->
        </div>
        <!-- 如果需要分页器 -->
        <!-- <div class="swiper-pagination"></div> -->
        
        <!-- 如果需要导航按钮 -->
        <!-- <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div> -->
        
        <!-- 如果需要滚动条 -->
        <!-- <div class="swiper-scrollbar"></div> -->
    </div>
    <!-- 头部导航栏 结束 -->

    <!-- 内容 开始 -->
    <div class="content">
      <!--   <div class="content-wrapper">
            <h2>大数据深度解读“新基建”，经济增长全靠它？</h2>
            <ul>
                <li><img src="https://juhe.oss-cn-hangzhou.aliyuncs.com/api_image/235/8db1e02b01bde2ae4a49dcc090728bf6.png" alt=""></li>
                <li><img src="https://juhe.oss-cn-hangzhou.aliyuncs.com/api_image/235/8db1e02b01bde2ae4a49dcc090728bf6.png" alt=""></li>
                <li><img src="https://juhe.oss-cn-hangzhou.aliyuncs.com/api_image/235/8db1e02b01bde2ae4a49dcc090728bf6.png" alt=""></li>
            </ul>
            <div class="extra-info">
                <span class="author">聚合科技</span>
                <span class="category">头条</span>
                <span class="date">2020-03-18 10:30:28</span>
                <span class="close">x</span>
            </div>
        </div>


        <div class="content-wrapper">
            <h2>大数据深度解读“新基建”，经济增长全靠它？</h2>

            <img style="margin-top: 10px;" width="100%" height="100%" src="https://02imgmini.eastday.com/mobile/20200326/20200326090718_affc91aaccc0abf5d4a8af8e2066ee42_1_mwpm_03200403.jpg" alt="">

            <div class="extra-info">
                <span class="author">聚合科技</span>
                <span class="category">头条</span>
                <span class="date">2020-03-18 10:30:28</span>
                <span class="close">x</span>
            </div>
        </div> -->
     
    </div>
    <!-- 内容 结束 -->
</body>
<script src="./lib/swiper/js/swiper.min.js"></script>
<script src="./lib/jquery/js/jquery-3.4.1.min.js"></script>
<script src="./js/api.js"></script>
<!-- 有顺序要求 -->
<script src="./js/index.js"></script>
</html>